html,
body {
  height: 100%;
}

#root {
  height: calc(
    100% - 179px
  ); /* 159 = Height of footer (135) + elements inside */
  display: flex;
  flex-direction: column;
}

.overflow-hidden {
  overflow: hidden;
}

:root {
  --toastify-toast-min-height: 0px;
  --toastify-font-family: "IBM Plex Sans Variable", "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --toastify-icon-color-info: #fff;
  --toastify-icon-color-success: #fff;
  --toastify-icon-color-warning: #fff;
  --toastify-icon-color-error: #fff;
  --toastify-color-info: #0288d1;
  --toastify-color-success: #388e3c;
  --toastify-color-warning: #f57c00;
  --toastify-color-error: #d32f2f;
}

.page-enter {
  opacity: 0;
}

.page-enter-active {
  opacity: 1;
  transition: opacity 200ms, transform 200ms;
}

.page-exit {
  opacity: 0;
}

.page-exit-active {
  opacity: 0;
  transition: opacity 200ms, transform 200ms;
}